/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  background-color: #eeeeee;
  line-height: 1.42857;
  color: #333;
  -webkit-overflow-scrolling: touch; }

a, input, button {
  -webkit-tap-highlight-color: transparent; }

.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical; }

.down-tdapp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.68267rem 0.64rem;
  margin-bottom: 0.42667rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff; }
  .down-tdapp .down-tdapp-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .down-tdapp .down-tdapp-wrap .tdapp-logobox {
      margin: 0;
      font-size: 0;
      width: 1.536rem;
      padding-right: 0.512rem; }
    .down-tdapp .down-tdapp-wrap .tdapplogo {
      display: block;
      width: 1.536rem; }
  .down-tdapp .tdapp-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .down-tdapp .tdapp-desc > h2 {
      width: 100%;
      margin: 0;
      line-height: 1.1;
      font-size: 0.768rem;
      color: #262626;
      font-weight: normal;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; }
    .down-tdapp .tdapp-desc > p {
      width: 100%;
      margin: 0;
      line-height: 1.1;
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end;
      font-size: 0.512rem;
      color: #262626; }
  .down-tdapp .tdapp-btnbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 3.37067rem;
    font-size: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .down-tdapp .tdapp-btn {
    display: none;
    width: 100%;
    height: 1.36533rem;
    line-height: 2.06667;
    vertical-align: middle;
    border: 1px solid #14ac2b;
    font-size: 0.64rem;
    color: #14ac2b;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.news-content {
  padding: 0 0.64rem;
  margin-bottom: 0.42667rem;
  background-color: #fff; }

.news-header {
  position: relative;
  padding: 0.64rem 0;
  border-bottom: 1px solid #eee; }

.news-title {
  margin-top: 0;
  margin-bottom: 0.256rem;
  font-size: 0.85333rem;
  color: #262626;
  font-weight: normal; }

.news-creator-date {
  font-size: 0; }
  .news-creator-date > span {
    margin-left: 0.42667rem;
    line-height: 1.07692;
    font-size: 0.55467rem; }
    .news-creator-date > span:first-child {
      margin-left: 0; }

.news-creator {
  color: #14ac2b; }

.news-date {
  color: #999; }

.news-paper {
  width: 100%;
  line-height: 1.6;
  font-size: 0.64rem;
  color: #262626;
  text-indent: 1.28rem;
  padding: 0.42667rem 0;
  overflow: hidden; }
  .news-paper p {
    margin-top: 0;
    line-height: 1.6;
    font-size: 0.64rem;
    color: #262626; }
  .news-paper img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0.42667rem auto; }

.uvt-title {
  margin-top: 0;
  margin-bottom: 0.32rem;
  line-height: 1.6;
  font-size: 0.64rem;
  font-weight: normal;
  color: #262626; }

.uvt-tip {
  margin-top: 0;
  margin-bottom: 0.53333rem;
  line-height: 1.6;
  font-size: 0.64rem;
  color: #262626; }

.uvt-wrapper .uvt-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.64rem; }
.uvt-wrapper .uvtl-check {
  padding-right: 0.42667rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }
.uvt-wrapper .uvtl-image {
  padding-right: 0.55467rem; }
  .uvt-wrapper .uvtl-image .uvtl-pic {
    position: relative;
    width: 2.56rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .uvt-wrapper .uvtl-image .uvtl-pic:after {
      display: block;
      content: '';
      padding-top: 100%;
      z-index: -1; }
.uvt-wrapper .uvtl-label {
  position: relative;
  display: block;
  width: 0.85333rem;
  height: 0.85333rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }
  .uvt-wrapper .uvtl-label .form-control {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0; }
  .uvt-wrapper .uvtl-label .checkbox-i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/icon-checked.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% -0.04267rem; }
  .uvt-wrapper .uvtl-label .form-control:checked + .checkbox-i {
    background-position: 50% -1.42933rem; }
.uvt-wrapper .uvtl-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden; }
.uvt-wrapper .uvtl-name-checked {
  font-size: 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }
  .uvt-wrapper .uvtl-name-checked > span {
    margin-left: 0.384rem;
    line-height: 1.6;
    font-size: 0.64rem;
    color: #666; }
    .uvt-wrapper .uvtl-name-checked > span:first-child {
      margin-left: 0; }
.uvt-wrapper .uvtl-progress {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  width: 100%;
  height: 0.29867rem;
  background-color: #dddddd;
  overflow: hidden; }
  .uvt-wrapper .uvtl-progress .uvtl-progressbar {
    width: 0;
    background-color: #14ac2b; }
.uvt-wrapper .uvtl-num-percentage {
  font-size: 0;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end; }
  .uvt-wrapper .uvtl-num-percentage > span {
    margin-left: 0.384rem;
    line-height: 2;
    font-size: 24px;
    color: #999; }
    .uvt-wrapper .uvtl-num-percentage > span:first-child {
      margin-left: 0; }
.uvt-wrapper .btn-voted {
  display: block;
  width: 100%;
  padding: 0.34133rem 0;
  line-height: 1.6;
  color: #fff;
  font-size: 0.64rem;
  border: 1px solid #14ac2b;
  background-color: #14ac2b;
  border-radius: 3px;
  outline: 0; }
  .uvt-wrapper .btn-voted.disable {
    border-color: #ddd;
    background-color: #ddd; }
.uvt-wrapper .btn-voted:disabled {
  border-color: #ddd;
  background-color: #ddd; }
.uvt-wrapper .btn-votedbox {
  margin-top: 0.21333rem; }

.news-body {
  padding: 0.21333rem 0; }

.news-footer {
  padding: 0.42667rem 0; }

.news-source {
  margin: 0;
  color: #999;
  line-height: 1.84615;
  font-size: 0.55467rem; }

.news-about {
  padding: 0.42667rem 0.64rem 0.21333rem;
  margin-bottom: 0.42667rem;
  background-color: #fff; }
  .news-about a {
    text-decoration: none; }
  .news-about .nab-list-image {
    padding-right: 0.55467rem; }
  .news-about .nab-list {
    padding: 0.512rem 0;
    border-bottom: 1px solid #dddddd; }
    .news-about .nab-list:last-child {
      border-bottom: none; }

.news-about-title {
  margin: 0;
  font-weight: normal;
  line-height: 1.6;
  font-size: 0.64rem; }

.nab-list-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.nab-list-pic {
  position: relative;
  width: 3.75467rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .nab-list-pic:after {
    display: block;
    content: '';
    padding-top: 77.27273%; }

.nab-list-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden; }
  .nab-list-info .nabl-title {
    width: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0;
    line-height: 1.33333;
    font-size: 0.64rem;
    color: #262626; }
  .nab-list-info .nabl-date {
    width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 0; }
    .nab-list-info .nabl-date > span {
      margin-left: 0.384rem;
      font-size: 24px;
      color: #999999; }
      .nab-list-info .nabl-date > span:first-child {
        margin-left: 0; }

.comment-content {
  padding: 0 0.64rem;
  background-color: #fff; }
  .comment-content .comment-title {
    margin: 0;
    line-height: 1.33333;
    font-size: 0.64rem;
    color: #262626;
    font-weight: normal; }

.comment-media {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .comment-media .user-pic {
    position: relative;
    width: 1.408rem;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden; }
    .comment-media .user-pic:after {
      display: block;
      content: '';
      padding-top: 100%;
      z-index: -1; }
  .comment-media .user-image {
    padding-right: 0.384rem; }
  .comment-media .comment-media-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden; }
  .comment-media .user-comment {
    width: 100%; }
    .comment-media .user-comment > p {
      margin-top: 0.42667rem;
      margin-bottom: 0.42667rem;
      line-height: 2;
      font-size: 0.64rem;
      color: #262626; }
    .comment-media .user-comment img {
      vertical-align: middle; }

.user-image-container {
  width: 100%;
  padding: 0 0.128rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .user-image-container .user-image-wrapper {
    margin: 0 -0.128rem;
    padding: 0;
    list-style: none;
    overflow: hidden; }
    .user-image-container .user-image-wrapper .user-send-image {
      float: left;
      position: relative;
      width: 25%;
      padding: 0 0.10667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .user-image-container .user-image-wrapper .user-send-pic {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%; }
      .user-image-container .user-image-wrapper .user-send-pic:after {
        display: block;
        content: '';
        padding-top: 100%; }

.comment-media {
  padding-top: 0.64rem; }
  .comment-media .comment-media-body {
    padding-bottom: 0.64rem; }
  .comment-media > .comment-media-body {
    border-bottom: 1px solid #eee; }
  .comment-media .comment-media {
    padding-top: 0;
    padding-left: 0.42667rem;
    padding-right: 0.42667rem;
    background-color: #f5f5f5; }
    .comment-media .comment-media .user-comment > p {
      color: #666;
      line-height: 1.38462;
      font-size: 0.55467rem; }
    .comment-media .comment-media > .comment-media-body {
      border-bottom: none; }
  .comment-media:last-child > .comment-media-body {
    border-bottom: none; }

.comment-splendidness, .comment-newest {
  padding: 0.64rem 0; }

.user-name-good {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0; }
  .user-name-good > span {
    display: block;
    line-height: 1.53846;
    font-size: 0.55467rem;
    color: #14ac2b; }

.user-create-date {
  margin-top: 0;
  margin-bottom: 0.53333rem;
  font-size: 24px;
  line-height: 1.16667;
  color: #cccccc; }

.icon-uvt, .icon-newsbaout, .icon-splendidness, .icon-newest {
  display: inline-block;
  font-size: 0;
  width: 1.06667rem;
  margin-right: 0.21333rem;
  background-image: url(../../images/icon-titles.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  vertical-align: middle; }

.icon-uvt, .icon-newsbaout {
  height: 1.024rem; }

.icon-splendidness, .icon-newest {
  height: 0.85333rem; }

.icon-uvt {
  background-position: 50% 0.10667rem; }

.icon-splendidness {
  background-position: 50% -2.98667rem; }

.icon-newsbaout {
  background-position: 50% -1.344rem; }

.icon-newest {
  background-position: 50% -4.544rem; }

.down-tdappbar {
  padding: 0.68267rem 0.64rem;
  background-color: #fff; }
  .down-tdappbar .tdapp-btn {
    display: none;
    width: 100%;
    height: 1.87733rem;
    line-height: 1.83467rem;
    vertical-align: middle;
    border: 1px solid #14ac2b;
    font-size: 0.64rem;
    color: #14ac2b;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.more-box {
  font-size: 0;
  background-color: #eeeeee; }

.btn-allcomment {
  display: block;
  padding: 0.42667rem 0;
  line-height: 1.33333;
  font-size: 0.64rem;
  color: #999;
  text-align: center;
  text-decoration: none; }
  .btn-allcomment .icon-go {
    display: inline-block;
    margin-left: 0.21333rem;
    font-size: 0;
    width: 0.64rem;
    height: 0.85333rem;
    vertical-align: top;
    background: url(../../images/icon-go.png);
    background-position: center;
    background-repeat: no-repeat; }
